
<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
   
    <link rel="shortcut icon" href="img/logo.png">

    <title>健蓓健康养生</title>

    <!-- Icons -->
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <link href="css/simple-line-icons.css" rel="stylesheet">

    <!-- Main styles for this application -->
    <link href="css/style.css" rel="stylesheet">
    

</head>



<body class="app header-fixed sidebar-fixed aside-menu-fixed aside-menu-hidden">
    <header class="app-header navbar">
        <button class="navbar-toggler mobile-sidebar-toggler hidden-lg-up" type="button">☰</button>
        <a class="navbar-brand" href="#"></a>
        <ul class="nav navbar-nav hidden-md-down">
            <li class="nav-item">
                <a class="nav-link navbar-toggler sidebar-toggler" href="#">☰</a>
            </li>

         
        </ul>
       <ul class="nav navbar-nav ml-auto">
            <li class="nav-item hidden-md-down">
                <a class="nav-link" href="#"><i class="icon-bell"></i><span class="badge badge-pill badge-danger">5</span></a>
            </li>
            <li class="nav-item hidden-md-down">
                <a class="nav-link" href="#"><i class="icon-list"></i></a>
            </li>
            <li class="nav-item hidden-md-down">
                <a class="nav-link" href="#"><i class="icon-location-pin"></i></a>
            </li>
            <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle nav-link" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
                    <img src="img/avatars/8.jpg" class="img-avatar" alt="admin@bootstrapmaster.com">
                    <span class="hidden-md-down">我自己</span>
                </a>
                <div class="dropdown-menu dropdown-menu-right">

                    <div class="dropdown-header text-center">
                        <strong>Account</strong>
                    </div>


                    <div class="dropdown-header text-center">
                        <strong>Settings</strong>
                    </div>

                    <a class="dropdown-item" href="#"><i class="fa fa-user"></i> Profile</a>
                    <a class="dropdown-item" href="#"><i class="fa fa-wrench"></i> Settings</a>
                    <a class="dropdown-item" href="#"><i class="fa fa-usd"></i> Payments<span class="badge badge-default">42</span></a>
                    <a class="dropdown-item" href="#"><i class="fa fa-file"></i> Projects<span class="badge badge-primary">42</span></a>
                    <div class="divider"></div>
                    <a class="dropdown-item" href="#"><i class="fa fa-shield"></i> Lock Account</a>
                    <a class="dropdown-item" href="#"><i class="fa fa-lock"></i> Logout</a>
                </div>
            </li>
            <li class="nav-item hidden-md-down">
                <a class="nav-link navbar-toggler aside-menu-toggler" href="#">☰</a>
            </li>

        </ul>
    </header>


    <div class="app-body">
        <div class="sidebar">
            <nav class="sidebar-nav">
                <ul class="nav">
                    <li class="nav-item">
                        <a class="nav-link" href="#"><i class="icon-speedometer"></i> 个人体检记录 <span class="badge badge-info">NEW</span></a>
                    </li>

                    <li class="nav-title">
                       菜单
                    </li>
                    <li class="nav-item nav-dropdown">
                        
                       
                    </li>
                    
                   
                    <li class="nav-item">
                        <a class="nav-link" href="#"><i class="icon-pie-chart"></i> 健康监测</a>
                    </li>
                     <li class="nav-item">
                        <a class="nav-link" href="#"><i class="icon-heart"></i> 危险因素及问题</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#"><i class="icon-note"></i> 疾病评估</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#"><i class="icon-screen-tablet"></i> 养生建议</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#"><i class="icon-call-in"></i> 预约记录</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#"><i class="icon-notebook"></i> 问卷调查</a>
                    </li>
                    
                    <li class="divider"></li>
                    
                        </ul>
                    </li>

                </ul>
            </nav>
            
        </div>

        <!-- Main content -->
        <main class="main">
<div class="qqq"; style=" width:100%; height:40px; font-size:14px; color:#FFF;background-color:#036  "  > <h3>健蓓健康养生</h3></div>
            <!-- Breadcrumb -->
            <ol class="breadcrumb">
               
                
                

                <!-- Breadcrumb Menu-->
                <li class="breadcrumb-menu hidden-md-down">
                    <div class="btn-group" role="group" aria-label="Button group with nested dropdown">
                        <a class="btn btn-secondary" href="#"><i class="icon-speech"></i>返回</a>
                        
                    </div>
                </li>
            </ol>


            
 <div class="content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-8">
                        <div class="card">
                            <div class="header">
                                <h4 class="title">个人信息</h4>
                            </div>
                            <div class="content">
                                <form>
                                    <div class="row">
                                        <div class="col-md-5">
                                            <div class="form-group">
                                                <label>公司</label>
                                                <input type="text" class="form-control" disabled placeholder="公司" value="健蓓健康养生">
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label>姓名</label>
                                                <input type="text" class="form-control" placeholder="姓名" value="">
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label for="exampleInputEmail1">邮箱地址</label>
                                                <input type="email" class="form-control" placeholder="例如：1141541132@qq.com">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>第一个名字</label>
                                                <input type="text" class="form-control" placeholder="例如：秦" value="">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>最后一个名字</label>
                                                <input type="text" class="form-control" placeholder="例如：正琪" value="">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <label>家庭地址</label>
                                                <input type="text" class="form-control" placeholder="例如：宁夏回族自治区" value="">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label>城市</label>
                                                <input type="text" class="form-control" placeholder="例如：银川" value="">
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label>国家</label>
                                                <input type="text" class="form-control" placeholder="例如：中国" value="">
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="form-group">
                                                <label>邮政编码</label>
                                                <input type="number" class="form-control" placeholder="例如：750021">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <label>关于我们</label>
                                                <textarea rows="5" class="form-control" placeholder="Here can be your description" value="Mike">我是一个小boy，我很乖！！！！！
                                                    非常很乖……
                                                真的很乖…………………不骗你！！！</textarea>
                                            </div>
                                        </div>
                                    </div>

                                    <button type="submit" class="btn btn-info btn-fill pull-right">信息修改</button>
                                    <div class="clearfix"></div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="card card-user">
                            <div class="image">
                                <img src="picture/full-screen-image-3.jpg" alt="..."/>
                            </div>
                            <div class="content">
                                <div class="author">
                                     <a href="#">
                                    <img class="avatar border-gray" src="picture/default-avatar.jpg"/>

                                      <h4 class="title">宁夏-银川<br />
                                         <small>秦正琪</small>
                                      </h4>
                                    </a>
                                </div>
                                <p class="description text-center"> 我是一个小boy，我很乖！！！！！ <br>
                                                    非常很乖……！ <br>
                                                真的很乖…………………不骗你…
                                </p>
                            </div>
                            <hr>
                            <div class="text-center">
                                <button href="#" class="btn btn-simple"><i class="icon-social-facebook"></i></button>
                                <button href="#" class="btn btn-simple"><i class="icon-social-twitter"></i></button>
                                <button href="#" class="btn btn-simple"><i class="icon-social-weibo"></i></button>

                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <div style="width:100%; height:600px; float:none; padding-left:30px; padding-right:30px;">
        <div style=" width:100%; height:50px;background-color:#FFF; font-size:24px; color:#000;" ><h4>个人健康信息</h4> </div>
        <div style="background-color:#FFF; width:100%; height:450px">
         <div align="center">
  <table width="800px" border="1" cellpadding="0">
    <tr bgcolor="#336699">
      <th height="50"  scope="col"><div align="center"><strong>创建日期</strong></th>
      <th scope="col"><div align="center"><strong>膳食天数</strong></th>
      <th scope="col"><div align="center"><strong>膳食原则</strong></th>
      <th scope="col"><div align="center"><strong>中医食疗</strong></th>
      <th scope="col"><div align="center"><strong>查看</strong></th>
    </tr>
    <tr>
      <td height="29"><div align="center"><strong>2017-08-24</strong></div></td>
      <td><div align="center"><strong>4</strong></div></td>
      <td><div align="center"><strong>1.热能供给充足……</strong></div></td>
      <td><div align="center"><strong>韭菜、白酒</strong></div></td>
      <td><div align="center"></div></td>
    </tr>
    <tr>
      <td height="33"><div align="center"><strong>2017-08-24</strong></div></td>
      <td><div align="center"><strong>7</strong></div></td>
      <td><div align="center"><strong>1.热能供给充足……</strong></div></td>
      <td><div align="center"><strong>韭菜、白酒</strong></div></td>
      <td><div align="center"></div></td>
    </tr>
    <tr>
      <td height="34"><div align="center"><strong>2017-08-24</strong></div></td>
      <td><div align="center"><strong>7</strong></div></td>
      <td><div align="center"><strong>1.热能供给充足……</strong></div></td>
      <td><div align="center"><strong>韭菜、白酒</strong></div></td>
      <td><div align="center"></div></td>
    </tr>
  </table>
</div>
                </div>

            </div>
        </div>
       </div>
       
	<!-- Bootstrap and necessary plugins -->
	<script src="assets/js/libs/jquery.min.js"></script>
	
	
	
	<!-- Plugins and scripts required by all views -->
	<script src="assets/js/libs/Chart.min.js"></script>
	
	<!-- GenesisUI main scripts -->
	<script src="js/app.js"></script>
	<!-- Plugins and scripts required by this views -->
	<!-- Custom scripts required by this view -->
	<script src="js/views/main.js"></script>
    
	
</body>
</html>